/////////
//页面滑动 //
/////////

/**
 * [Swipe description]
 * @param {[type]} container [页面容器节点]
 * @param {[type]} options   [参数]
 */
// function Swipe(container) {
//     //获取第一个子节点
//     var element = container.find(":first");
    
//     //滑动对象
//     var swipe = {};

//     //li页面数量
//     var slides = element.find("li");

//     //获取容器尺寸
//     var width = container.width();
//     var height = container.height();

//     //设置li页面总宽度
//     element.css({
//         width: (slides.length * width) + 'px',
//         height: height + 'px'
//     });

//     //设置每一个页面li的宽度
//     $.each(slides, function(index) {
//         var slide = slides.eq(index); //获取到每一个li元素    
//         slide.css({
//             width: width + 'px',
//             height: height + 'px'
//         });
//     });

//     //监控完成与移动
//     swipe.scrollTo = function(x, speed) {
//         //执行动画移动
//         element.css({
//             'transition-timing-function' : 'linear',
//             'transition-duration'        : speed + 'ms',
//             'transform'                  : 'translate3d(-' + x + 'px,0px,0px)'
//         });
//         return this;
//     };

//     return swipe;
// }

////////////
//页面滑动 //
///////////
function Swipe(container) {
    // 获取第一个子节点
    var boxUl = container.find(":first");
    var boxLi = boxUl.find("li");
    // 获取容器尺寸
    var width = container.width();
    var height = container.height();
    // 创建对象
    var swipe = new Object();
    // 遍历li,把容器的尺寸赋值给li
    $.each(boxLi,function(index){
        $(this).css({
            width:width + 'px',
            height:height + 'px'
        })
    });
    // 设置boxUl的宽高尺寸
    boxUl.css({
        width: (boxLi.length * width) + 'px',
        height: height + 'px'
    });

    // 
    swipe.scrollTo = function(x,speed) {
        // 动画移动
        boxUl.css({
            'transition-timing-function' : 'linear',
            'transition-duration' : speed + 'ms',
            'transform' : 'translate3d(-' + x + 'px, 0px, 0px )'
        });
        return this;    // return this一般都是为了实现链式调用
    }
    return swipe;   
}